<template>
  <a-config-provider :locale="locale" :theme="themeData">
    <router-view />
  </a-config-provider>
</template>

<script setup lang="ts">
import { ref } from "vue";
import { theme } from "ant-design-vue";
import zhCN from "ant-design-vue/es/locale/zh_CN";
import dayjs from "dayjs";
import "dayjs/locale/zh-cn";
dayjs.locale("zh-cn");
const locale = ref(zhCN);
const themeData = {
  algorithm: theme.darkAlgorithm,
  token: {
    colorBgContainer: "rgba(255, 255, 255, 0.1)",
    controlOutline: "rgba(65, 71, 88, 75%)",
    colorBgElevated: "#535a61",
  },
};
</script>
<style lang="less">
body {
  background-color: #262e35;
}
</style>
